<template>
    <div class="app">
        <h1>app.vue 组件中H1标签</h1>
        <h2>app.vue 组件中H2标签</h2>
    </div>
</template>
<script>
export default {
};
</script>
<style lang="less">
    /* 
        style 标签属性 lang 用于定义当前组件使用的样式语言规则
        lang 默认取值为 css

        单文件组件中的动态样式使用 需要 按照对应 样式加载器 xxx-loader
        项目中以 -loader 结尾的都是环境工具 webpack 的功能加载器

        动态语言需要被解析，依赖于动态语言的基本解析模块
    */
    @red:red;
    h1{
        color: @red;
    }
</style>